
.avatar{
  // position: absolute;
  // top:15px;
  // left:20px;
  width: 40px;
  height: 40px;
  background-color: #efefef;
  margin-right: 10px;
  img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
  }
}

/*
.table{
  width: 100%;
}

.box{
  width: 100%;
}

.item{
  position: relative;
  padding:15px 20px 15px 70px;
  min-height: 40px;
  border-top:1px solid #efefef;
  background-color: #fff;
}

.detail{
  font-size: 14px;
  word-break:break-all;
  word-wrap:break-word;

  .abstract-image{

    > div{

      display: inline-block;
      height: 100px;
      width: 180px;
      margin-right:5px;

      > div{
        display: inline-block;
        float: left;
        height: 100px;
        width: 180px;
        background-color: #efefef;
        background-size: cover;
        margin:0 10px 0 0;
        background-position: center;
        border-radius: 3px;
        margin:5px 5px 0 0;
      }

    }

  }

}


.head{

  font-size: 13px;
  margin-top:2px;

  .avatar{
    position: absolute;
    top:15px;
    left:20px;
    width: 40px;
    height: 40px;
    background-color: #efefef;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
    img{
      width: 40px;
      height: 40px;
    }
  }

  span{
    font-size: 12px;
    color:#888888;

    &:after{
      color:#888888;
      font-size: 9px;
      margin:0 5px 0 5px;
      content: '•';
    }

    &:last-child:after{
      content: '';
    }

    a{
      &:hover{
        text-decoration: underline;
      }
    }

    b{
      color:#23232b;
    }

  }


}


.footer-action{
  // display: none;
  float:right;
  > span{
    font-size: 12px;
    margin-left:10px;
    a{
      color:#888;
    }
  }
}

.comment-list{
  padding-left:70px;
  > div > div > div {
    padding-left:50px;
    .avatar{
      left:0px;
    }
  }
}



.click-item{
  @extend .item;
  &:hover{
    background-color: rgba(255,255,255,.7);
  }
}

.view-more-comment{
  width:100%;
  border-top:1px solid #efefef;
  padding:10px 0 10px 0;
}
*/
